<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京航天公司固定资产管理系统</title>
</head>
<body>
<div class="layui-inline">
    <div class="layui-col-xs6 layui-col-md4">
        <blockquote class="layui-elem-quote" style="width: 1550px;">个人计划盘点</blockquote><br>
    </div>
</div>
<div th:if="${session.userInfo.rankNum} == 1">
    <from  class="layui-form">
        <div class="layui-inline">
            <label class="layui-form-label" style="width: 150px;">所在部门：</label>
            <div class="layui-input-inline">
                <select name="did"  id="depar" >
                    <option value="">---请选择所在部门---</option>
                    <option  th:each="dep,department: ${departmentList}"th:value="${dep.did}" th:text="${dep.dname}"></option>
                </select>
            </div>
        </div>
        <button type="button" onclick="dep()" class="layui-btn" >查找我的部门计划</button>
    </from>
</div>
<table id="myTable" lay-filter="tableFilter" ></table>
</body>
<script type="text/html" id="myoperate">
    <button class="layui-btn layui-btn-primary" lay-event="detail">查看</button>
</script>
<script type="text/javascript" src="/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/layui/layui.all.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
<script>
    $(function () {
        var form = layui.form;
        layui.use(['form', 'layedit', 'laydate'], function() {
            var layer = layui.layer
                , layedit = layui.layedit
                , laydate = layui.laydate;

            //日期
            laydate.render({
                elem: '#date'
            });
        })
        function addCheck() {
            var formData =   $("#FormID").serialize();
        }

    })



    var table = layui.table;
    table.render({
        elem: '#myTable',//绑定表格的id
        url: "/CheckPlan/selectByDep",
        width: 1500,
        height:300,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[  {
            title: '操作',
            align: 'center',//字体居中
            toolbar: '#myoperate'
        },{
            field: 'checkplanId',
            title: '计划编号',
            align: 'center',//字体居中
        }, {
            field: 'checkplanName',
            title: '计划名称',
            align: 'center',//字体居中
        }, {
            field: 'planTypeName',
            title: '计划类型',
            align: 'center',//字体居中
        }, {
            field: 'checkstartTime',
            title: '计划开始时间',
            align: 'center',//字体居中
        }, {
            field: 'checkendTime',
            title: '计划结束时间',
            align: 'center',//字体居中
        }, {
            field: 'parsonMan',
            title: '计划负责人',
            align: 'center',//字体居中
        }, {
            field: 'depName',
            title: '审核部门',
            align: 'center',//字体居中
        }, {
            field: 'check_plan_statu',
            title: '计划阶段',
            align: 'center',//字体居中
            templet: function (d) {
                if (d.check_plan_statu == 1) {
                    return '<span style="color: blue">●等待一级审批</span>'
                } else if (d.check_plan_statu == 2) {
                    return '<span style="color: blue">●等待二级审批</span>'
                } else if (d.check_plan_statu == 3) {
                    return '<span style="color: red">●审批盘点已终止</span>'
                } else if (d.check_plan_statu == 4) {
                    return '<span style="color: mediumspringgreen">●审批完成</span>'
                } else  {
                    return ' '
                }
            }
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: true,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    })

    //监听工具条
    table.on('tool(tableFilter)', function(obj){
        var data = obj.data;
        /*获取到指定行的ID*/
        if(obj.event === 'detail'){
            var id = data.checkplanId;
            window.location.href="/CheckPlan/selectByCheckID?checkplanID="+id
        }
    });

    function dep() {
        var did = $("[name='did']").val()


        var table = layui.table;
        $("#myTable").empty()
        table.render({
            elem: '#myTable',//绑定表格的id
            url: "/CheckPlan/selectByDep",
            width: 1500,
            height:300,
            method: 'post',
            autoSort: false,
            toolbar: '#toolbarDemo', //开启头部工具栏
            cols: [[  {
                title: '操作',
                align: 'center',//字体居中
                toolbar: '#myoperate'
            },{
                field: 'checkplanId',
                title: '计划编号',
                align: 'center',//字体居中
            }, {
                field: 'checkplanName',
                title: '计划名称',
                align: 'center',//字体居中
            }, {
                field: 'planTypeName',
                title: '计划类型',
                align: 'center',//字体居中
            }, {
                field: 'checkstartTime',
                title: '计划开始时间',
                align: 'center',//字体居中
            }, {
                field: 'checkendTime',
                title: '计划结束时间',
                align: 'center',//字体居中
            }, {
                field: 'parsonMan',
                title: '计划负责人',
                align: 'center',//字体居中
            }, {
                field: 'depName',
                title: '审核部门',
                align: 'center',//字体居中
            }, {
                field: 'check_plan_statu',
                title: '计划阶段',
                align: 'center',//字体居中
                templet: function (d) {
                    if (d.check_plan_statu == 1) {
                        return '<span style="color: blue">●等待一级审批</span>'
                    } else if (d.check_plan_statu == 2) {
                        return '<span style="color: blue">●等待二级审批</span>'
                    } else if (d.check_plan_statu == 3) {
                        return '<span style="color: red">●审批盘点已终止</span>'
                    } else if (d.check_plan_statu == 4) {
                        return '<span style="color: mediumspringgreen">●审批完成</span>'
                    } else  {
                        return ' '
                    }
                }
            }]
            ],
            limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
            limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
            page: true,//是否开启分页
            request: {
                pageName: 'page',
                limitName: 'limit'
            },
            where:{
                did:did
            }
        })

    }
</script>
</html>